function Food(ele){
    // 1、保存地图对象
    this.ele = ele
    // 2、保存食物对象
    this.len = 20
    // 默认foodObj为空
    this.foodObj = null
    this.foodX=0
    this.foodY=0
}

Food.prototype.create = function(){
    // 1、创建div标签对象
    // 2、设置样式
            // 行内元素需要 w h 边距 display
            // 一个块元素和另一个块元素 同行展示 float or flex
            // 一个块元素和另一个块元素 上面  定位
    // 3、在页面展示

    // 1、
    let divObj = document.createElement('div')
    // 2、
    divObj.style.width = this.len +'px'
    divObj.style.height = this.len +'px'
    divObj.style.background = 'yellow'
    divObj.style.position = 'absolute'
    //单独保存食物对象
    this.foodObj = divObj
    // 3、
    this.ele.appendChild(divObj)
    this.move()
}

Food.prototype.move = function(){
    // 设置随机出现食物
    let foodXm = this.ele.clientWidth/this.len -1 //因为不能超过40和20，最大39、19
    let foodYm = this.ele.clientHeight/this.len -1

    this.foodX = Math.floor(Math.random() * (foodXm-1)) * this.len
    this.foodY = Math.floor(Math.random() * (foodYm-1)) * this.len
    console.log(this.foodX);

    this.foodObj.style.left = this.foodX+'px'
    this.foodObj.style.top = this.foodY+'px'
}